/* html文件部分
<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.min.js"></script>
    <script src="sketch.js"></script>
  </head>
  <body>
    <main>
    </main>
  </body>
</html>
*/

//js部分
let y;
let x;
// 程序开始时，setup() 函数中的语句执行一次。
function setup() {
  createCanvas(720, 400);
  stroke(255);
  noLoop();
  y = height * 0.5;
  x = width * 0.5;
}
// draw() 中的语句一直执行到程序停止为止。每个语句都按顺序执行，并且在读取最后一行之后，将再次执行第一行。.
function draw() {
  background(0);
  y = y - 4;
  if (y < 0) {
    y = height;
  }
  line(0, y, width, y);

  x = x -4;
  if (x < 0) {
    x = width;
  }
  line(x, 0, x, width);
}

function mousePressed() {
  redraw();
}